# import os
# os.environ['KMP_DUPLICATE_LIB_OK']='True'
# 后续导入其他库的代码
import streamlit as st
# 页面配置
st.set_page_config(
    page_title="AI多模态智能交互平台",
    layout="wide"
)

# 自定义样式
st.markdown("""
<style>
    .section-title {
        color: #165DFF;
        border-left: 4px solid #165DFF;
        padding-left: 15px;
        margin-top: 30px;
    }
    .function-card {
        background-color: #f8f9fa;
        border-radius: 8px;
        padding: 15px;
        margin: 10px 0;
    }
    .model-list {
        padding-left: 20px;
        margin: 10px 0;
    }
    .model-item {
        margin: 5px 0;
    }
</style>
""", unsafe_allow_html=True)

# 标题
st.markdown("<h1 style='text-align: center; color: #165DFF; margin-bottom: 20px;'>AI多模态智能交互平台</h1>", unsafe_allow_html=True)
st.markdown("有多种AI能力的多模态智能交互系统")

# OCR功能介绍
st.markdown("<h3 class='section-title'>OCR文档文字提取</h3>", unsafe_allow_html=True)
st.markdown("<div class='function-card'>从图片中自动提取文字内容，支持中英语言识别与版面分析，可将图像中的文字转换为可编辑的文本格式。</div>", unsafe_allow_html=True)

# 图像分类模型介绍
st.markdown("<h3 class='section-title'>图像分类模型</h3>", unsafe_allow_html=True)
st.markdown("<div class='function-card'>集成多种经典卷积神经网络模型，可对图像内容进行分类识别：</div>", unsafe_allow_html=True)
st.markdown("<ul class='model-list'>", unsafe_allow_html=True)
st.markdown("<li class='model-item'>LeNet - 经典轻量级CNN模型，适合简单图像分类任务</li>", unsafe_allow_html=True)
st.markdown("<li class='model-item'>AlexNet - 深度CNN先驱，首次引入ReLU和Dropout</li>", unsafe_allow_html=True)
st.markdown("<li class='model-item'>VGG16 - 采用小卷积核堆叠的深层网络，结构简洁</li>", unsafe_allow_html=True)
st.markdown("<li class='model-item'>GoogLeNet - 引入Inception模块的高效网络，参数量少</li>", unsafe_allow_html=True)
st.markdown("</ul>", unsafe_allow_html=True)

# 实时人脸识别介绍
st.markdown("<h3 class='section-title'>实时人脸识别</h3>", unsafe_allow_html=True)
st.markdown("<div class='function-card'>通过摄像头实时捕捉人脸图像，支持人脸检测、身份识别。</div>", unsafe_allow_html=True)

# 语音对话介绍
st.markdown("<h3 class='section-title'>语音对话</h3>", unsafe_allow_html=True)
st.markdown("<div class='function-card'>实现语音识别与语音合成的双向交互，支持多轮对话与自然语言理解，可进行信息查询、指令执行等交互操作。</div>", unsafe_allow_html=True)

# 智能相册介绍
st.markdown("<h3 class='section-title'>智能相册</h3>", unsafe_allow_html=True)
st.markdown("<div class='function-card'>上传动物图片后自动进行物种分类，并提供详细的物种介绍，支持相册管理与分类检索功能，帮助用户整理和了解动物图片。</div>", unsafe_allow_html=True)

